<template>
  <div class="CommentTxtView">
    <div class="top"></div>
    <div class="zhong">
      <div class="title">
        <span style="padding-left: 0.1rem;">{{msg.title}}</span>
      </div>
      <div class="txtDiv">
        <div class="txt" v-if="msg.type===0">
          {{msg.txt}}
        </div>
        <div class="txt" v-if="msg.type===1">
          <div>
            <div class="sui">6岁
              <img src="../../assets/img/life/3jiao.png" style="position:relative;width: 0.18rem;height: 0.16rem;    float: right;top:0.1rem;">
            </div>
            <div class="suitxt">
              {{msg.txt}}
            </div>
          </div>
          <div>
            <div class="sui">12岁
              <img src="../../assets/img/life/3jiao.png" style="position:relative;width: 0.18rem;height: 0.16rem;    float: right;top:0.1rem;">
            </div>
            <div class="suitxt">
              {{msg.txt}}
            </div>
          </div>
        </div>
        <div class="btn" @click="btnClick()"></div>
      </div>
    </div>
    <div class="bottom"></div>
  </div>
</template>



<style scoped>


.CommentTxtView{
  position:relative;
}
.CommentTxtView .top{
  position:relative;

}
.CommentTxtView .zhong{
  position:relative;
}
.CommentTxtView .bottom{
  position:relative;
}
.CommentTxtView .title{
  position:relative;color: #F1C6B8;font-size: 0.32rem;font-weight: 600;text-align: left;
  border-bottom-style:solid;border-width:0.01rem;border-color:rgba(81, 56, 49, 0.5);
  padding-bottom: 0.2rem;padding-top: 0.3rem;width: 6.08rem;left: 0.4rem;
}
.CommentTxtView .title .img{
  position:relative;width: 0.24rem;height: 0.24rem;
}
.CommentTxtView .txtDiv{
  position:relative;min-height: 2.5rem;text-align: left;line-height: 0.4rem;width: 6.08rem;left: 0.4rem;padding-top: 0.3rem;
}
.CommentTxtView .txtDiv .txt{
  position:relative;
}
.CommentTxtView .txtDiv .btn{
  position:relative;background-image: url("../../assets/img/life/jsuoBtn.png");width: 5.22rem;height: 1.4rem;left: 0.4rem;
}

.CommentTxtView .txtDiv .txt .sui{
  position:relative;width: 6.24rem;height: 0.36rem;background-color: #35231E;color: #FA4A4A;line-height: 0.36rem;
}
.CommentTxtView .txtDiv .txt .suitxt{
  position:relative;padding-bottom: 0.2rem;
}
</style>
<script setup>
import Enum from "@/gamejs/Enum";
import Util from "@/gamejs/Util";
import {ref, onMounted, onBeforeUnmount, onUnmounted,watch,computed} from "vue";
import { useStore} from 'vuex';
defineProps({
  msg: {
    type: Object,
    default: {title:'八字提要title',txt:'',type:0},
  },
});
let store = useStore();
/*组件挂载完成后执行的函数；*/
onMounted(() => {

  console.log("CommentTxtView onMounted  ");

});
onUnmounted(() => {
  //卸载组件实例后调用,调用此钩子时,组件实例的所有指令都被解除绑定,所有事件侦听器都被移除,所有子组件实例被卸载。
  // winApp.deleteNotification(clsid);
  console.log("CommentTxtView onUnmounted  卸载组件实例后  ");
});

function btnClick(){
  console.log("CommentTxtView btnClick  ");
  store.state.view.paySelectView=Enum.view_status_1;
}
</script>
